<!--
 * @Author: 朱自强
 * @Date: 2023-04-20 11:58:35
 * @LastEditors: 朱自强
 * @LastEditTime: 2023-11-09 17:10:20
 * @FilePath: \vite-project\src\views\VoiceInput\VoiceInput.vue
 * @Description: 
 * 
 * Copyright (c) 2023 by 朱自强, All Rights Reserved. 
-->
<template>
  <div id="voice-input-out-div" :class="`out-div${pageData.uuid}`">
    <div class="voice-input-main-div">
      <!-- 消息列表 -->
      <div class="msg-list"></div>
      <!-- 消息输入 -->
      <div class="msg-input">
        <VoiceInput />
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup>
import { onMounted, reactive, getCurrentInstance } from "vue";
import VoiceInput from "@/components/VoiceInput";
// 全局变量
const { proxy }: any = getCurrentInstance();
// 变量
const pageData = reactive({
  // 唯一标识
  uuid: proxy.$someUtil.getUUID(),
});
onMounted(() => {});
</script>

<style lang="less" scoped>
#voice-input-out-div {
  height: calc(~"100vh");
  position: relative;
}
.voice-input-main-div {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.msg-list {
  border: solid #f5f6f7 1px;
  flex: 1;
}
</style>
